<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>新建图文消息</title>
    <link rel="stylesheet" href="css/public.css" type="text/css">
    <link rel="stylesheet" href="css/user_admin.css" type="text/css">
    <link rel="stylesheet" href="css/xinjiantuwen.css" type="text/css">
    <!--引进分页插件的样式-->
    <link rel="stylesheet" href="css/pagination.css" type="text/css">
    <!--引用UEditor插件作为文本编辑器-->
    <script type="text/javascript" charset="utf-8" src="js/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="js/zh-cn.js"></script>
    <!--上传图片的插件zyUpload-->
    <script type="text/javascript" src="zyupload/jquery.js"></script>
    <link rel="stylesheet" href="zyupload/skins/zyupload-1.0.0.min.css " type="text/css">
    <script type="text/javascript" src="zyupload/zyupload.basic-1.0.0.min.js"></script>
    <script type="text/javascript" src="zyupload/zyupload_init.js"></script>
    <script type="text/javascript" src="js/xinjiantuwen.js"></script>
    <!--引进angularJS-->
    <script type="text/javascript" charset="utf-8" src="js/angular.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/angular_ajax.js"></script>
</head>

<body style="min-width: 1200px;" ng-app="xinJanTuWen">

    <div class="xin-wrap">
        <div class="header clearFloat xinjian-wrap">
            <div class="logo fl"><img src="images/logo21.jpg" alt="全民健康" width="200" height="60"></div>
            <ul class="fr clearFloat admin">
                <li>admin</li>
                <li><img src="images/ad1.jpg" alt="">修改密码</li>
                <li><img src="images/ad2.jpg" alt="">退出</li>
            </ul>
            <h1 class="fl">全民健康后台管理系统</h1>
        </div>
    </div>

    <div class="xin-wrap">
        <div class="xinjian-wrap">
            <div class="neibu">
                <div class="neibu-top clearFloat">
                    <span class="fl fanhui"><a href="zixun_admin.html" class="fl">返回</a></span>
                    <span class="tuwen fl"><a href="zixun_admin.html">资讯管理</a></span>
                    <span class="fl new-info">新建图文消息</span>

                </div>
                <div class="zhengwen">
                    <!--收集信息的表单-->
                    <form action="http://211.144.155.50:8099//cms/1/lablelist" method="post" id="shoujixinxiForm">
                        <dl class="one clearFloat xinjian-tong">
                            <dt class="fl">资讯标题</dt>
                            <dd class="fl"><input type="text" placeholder="请在这里输入标题" class="title" name="title" required></dd>
                        </dl>
                        <dl class="one clearFloat xinjian-tong">
                            <dt class="fl">副标题</dt>
                            <dd class="fl"><input type="text" placeholder="请输入副标题" class="title" name="bodyTitle" required></dd>
                        </dl>
                        <dl class="one clearFloat xinjian-tong"  ng-controller="zixunTag">
                            <dt class="fl">资讯标签</dt>
                            <dd class="fl checked huoqu" ng-repeat="i in name">
                                <!--初始化数据-->
                                <input type="radio" id="man" name="biaoqian" ng-value="{{i.id}}"><label for="man">{{i.name}}</label>
                                <!--<input type="radio" id="life" name="biaoqian" value="2"><label for="life">生活</label>-->
                                <!--<input type="radio" id="zhong" name="biaoqian" value="3"><label for="zhong">中药</label>-->
                                <!--<input type="radio" id="bao" name="biaoqian" value="4"><label for="bao">保险</label>-->
                            </dd>
                        </dl>
                        <dl class="one clearFloat xinjian-tong">
                            <dt class="fl">是否热门</dt>
                            <dd class="fl checked">
                                <input type="radio" id="hot" name="featured" value="0"><label for="hot">是</label>
                                <input type="radio" id="jing" name="featured" value="1"><label for="jing">否</label>
                                <span></span>
                            </dd>
                        </dl>
                        <dl class="one clearFloat xinjian-tong">
                            <dt class="fl">是否精选</dt>
                            <dd class="fl checked">
                                <input type="radio" id="hot" name="popular" value="0"><label for="hot">是</label>
                                <input type="radio" id="jing" name="popular" value="1"><label for="jing">否</label>
                            </dd>
                        </dl>

                        <dl class="one clearFloat xinjian-tong">
                            <dt class="fl">封面图片</dt>
                            <dd class="fl checked feng-mian">
                                <img src="" width="500" height="400">
                                <br><br>
                                <input type="button" value="上传图片" class="shangchuan-pic">
                            </dd>
                        </dl>
                        <dl class="one clearFloat xinjian-tong">
                            <dt class="fl">资讯正文</dt>
                            <dd class="fl checked">
                                <!--引进UEditor编辑器这个插件-->
                                <div>
                                    <!--这句代码一贴上就开始报错,但是不影响页面的预览-->
                                    <textarea id="myEditor" style="width:100%;margin:0 auto;" name="xinjiantuwenCont"></textarea>
                                </div>

                            </dd>
                        </dl>
                        <p class="save">
                            <input type="button" value="保存" id="save"><!--这个地方需要有disabled,对这个的表单状态进行判断-->
                            <input type="button" value="预览" class="yulan">
                            <input type="submit" value="保存并发布" id="saveAndPub" name="type">
                        </p>
                    </form>

                </div>
            </div>
        </div>
    </div>

    <!--遮罩层-->
    <div class="mask-change"></div>
    <!--修改密码的弹出框-->
    <div class="chang-password">
        <div class="cancle"><img src="images/cha.png" alt=""></div>
        <h2>修改密码</h2>
        <form action="">
            <p><label for="cur">当前密码</label><input type="text" id="cur"></p>
            <p><label for="now">新密码</label><input type="text" id="now"></p>
            <p><label for="con">再次输入新密码</label><input type="text" id="con"></p>
            <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn" value="确定"></p>
        </form>
    </div>
    <!--密码修改成功-->
    <div class="change-success">
        密码修改成功!
    </div>
    <!--确定是否要退出-->
    <div class="tuichu every-tuichu">
        <h2>是否退出登录</h2>
        <p class="chang-p"><input type="button" class="change-btn chang-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn" value="确定"></p>
    </div>
    <!--预览图文-->
    <div class="presee">
        <div class="cancle">
            <img src="images/cha.png" alt="">
        </div>
        <div class="wrap-presee">
            <div class="presee-img">
                <img src="" width="500" height="400">
            </div>
            <p class="sub-intro">边吃饭边喝水会长胖吗?<br><span>2014-05-30</span></p>
            <p class="presee-cont">
                6541564163
            </p>
            <div class="gong">
                <input type="button" value="取消" class="presee-cancle">
                <input type="button" value="保存并发布">
            </div>
        </div>

    </div>
    <!--上传图片的弹窗-->
    <div class="transfer">
        <h3><span>选中图片</span> <img src="images/hui1.jpg" alt=""></h3>
        <div class="tuwen-tag clearFloat">
            <!--完整的tab切换,划过去左边开始切换-->
            <div class="tuwen-div fl">
                <div class="all_pic">全部照片({{8+20}})</div>
                <ul class="tuwen-ul" ng-controller="tanTag"><!--从后台获取标签的名字-->
                    <li  ng-repeat="i in tag" ng-class="{{$first?active:''}}">{{i.name}}({{5+5}})</li>
                    <!--<li>生活(30)</li>-->
                </ul>
                <div class="add-fenzu">+&nbsp;添加分组</div>
                <div class="empty-xia"></div>
            </div>
            <!--1-->
            <div class="tuwen-tag-right fl active">
                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="显示图片" id="showpic1">
                        <!--<input type="button" value="取消" class="sc-tanchuang-quxiao">-->
                    </span>
                    <label class="shangchuan">本地上传
                        <input type="file" class="local fl" accept="img/*" id="bendi1" multiple>
                    </label>
                    <div class="clearFloat"></div>
                </div>

                <ul id="picBottlle1" class="tag-tu-ul clearFloat"></ul>

                <div class="xuanzhong clearFloat">
                    <p class="fr tiaozhuan">
                        <img src="images/zuo1.png" alt="">
                        <span>1/18</span>
                        <img src="images/zuo2.jpg" alt="">
                        <input type="text">
                        <span class="wrod">跳转</span>

                    </p>
                    <p class="fl">
                        已选<span class="have">1</span>个，可选<span class="had">100</span>个
                    </p>
                </div>

                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="确定上传" class="sureUpload">
                        <input type="button" value="取消" class="sc-tanchuang-quxiao">
                    </span>
                </div>
            </div>
            <!--2-->
            <div class="tuwen-tag-right fl">
                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="显示图片" id="showpic2">
                        <!--<input type="button" value="取消" class="sc-tanchuang-quxiao">-->
                    </span>
                    <label class="shangchuan">本地上传
                        <input type="file" class="local fl" accept="img/*" id="bendi2">
                    </label>
                    <div class="clearFloat"></div>
                </div>

                <ul id="picBottlle2" class="tag-tu-ul clearFloat"></ul>

                <div class="xuanzhong clearFloat">
                    <p class="fr tiaozhuan">
                        <img src="images/zuo1.png" alt="">
                        <span>1/18</span>
                        <img src="images/zuo2.jpg" alt="">
                        <input type="text">
                        <span class="wrod">跳转</span>

                    </p>
                    <p class="fl">
                        已选<span class="have">222</span>个，可选<span class="had">100</span>个
                    </p>
                </div>

                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="确定上传" class="sureUpload">
                        <input type="button" value="取消" class="sc-tanchuang-quxiao">
                    </span>
                </div>
            </div>
            <!--3-->
            <div class="tuwen-tag-right fl">
                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="显示图片" id="showpic3">
                        <!--<input type="button" value="取消" class="sc-tanchuang-quxiao">-->
                    </span>
                    <label class="shangchuan">本地上传
                        <input type="file" class="local fl" accept="img/*" id="bendi3" multiple>
                    </label>
                    <div class="clearFloat"></div>
                </div>

                <ul id="picBottlle3" class="tag-tu-ul clearFloat"></ul>

                <div class="xuanzhong clearFloat">
                    <p class="fr tiaozhuan">
                        <img src="images/zuo1.png" alt="">
                        <span>1/18</span>
                        <img src="images/zuo2.jpg" alt="">
                        <input type="text">
                        <span class="wrod">跳转</span>

                    </p>
                    <p class="fl">
                        已选<span class="have">3333</span>个，可选<span class="had">100</span>个
                    </p>
                </div>

                <div class="tupian-xia clearFloat">
                    <span class="fr">
                        <input type="button" value="确定上传" class="sureUpload">
                        <input type="button" value="取消" class="sc-tanchuang-quxiao">
                    </span>
                </div>
            </div>
        </div>

    </div>
    <!--上传图片弹框中的添加分组-->
    <div class="tuichu add-zu" ng-controller="group">
        <h3>添加分组</h3>
        <input type="text" class="txt" placeholder="请输入标签名称" ng-model="addName">
        <p class="chang-p"><input type="button" class="change-btn xinjian-cancle" value="取消" style="margin:0 10px 0 0;"><input type="button" class="change-btn" value="确定" ng-click="tiJiao()"></p>
    </div>

</body>

<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/public.js"></script>
<script type="text/javascript" src="js/myself.js"></script>
<!--引用jq的分页插件,以及分页插件的配置;-->
<script type="text/javascript" src="js/jquery.pagination.js"></script>
<script type="text/javascript" src="js/pagination.config.js"></script>
<!--UEditor配置-->
<script type="text/javascript">

    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('myEditor');
    function isFocus(e){
        alert(UE.getEditor('editor').isFocus());
        UE.dom.domUtils.preventDefault(e)
    }
    function setblur(e){
        UE.getEditor('editor').blur();
        UE.dom.domUtils.preventDefault(e)
    }
    function insertHtml() {
        var value = prompt('插入html代码', '');
        UE.getEditor('editor').execCommand('insertHtml', value)
    }
    function createEditor() {
        enableBtn();
        UE.getEditor('editor');
    }
    function getAllHtml() {
        alert(UE.getEditor('editor').getAllHtml())
    }
    function getContent() {
        var arr = [];
        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getContent());
        alert(arr.join("\n"));
    }
    function getPlainTxt() {
        var arr = [];
        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
        arr.push("内容为：");
        arr.push(UE.getEditor('editor').getPlainTxt());
        alert(arr.join('\n'))
    }
    function setContent(isAppendTo) {
        var arr = [];
        arr.push("使用editor.setContent('欢迎使用ueditor')方法可以设置编辑器的内容");
        UE.getEditor('editor').setContent('欢迎使用ueditor', isAppendTo);
        alert(arr.join("\n"));
    }
    function setDisabled() {
        UE.getEditor('editor').setDisabled('fullscreen');
        disableBtn("enable");
    }

    function setEnabled() {
        UE.getEditor('editor').setEnabled();
        enableBtn();
    }

    function getText() {
        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
        var range = UE.getEditor('editor').selection.getRange();
        range.select();
        var txt = UE.getEditor('editor').selection.getText();
        alert(txt)
    }

    function getContentTxt() {
        var arr = [];
        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
        arr.push("编辑器的纯文本内容为：");
        arr.push(UE.getEditor('editor').getContentTxt());
        alert(arr.join("\n"));
    }
    function hasContent() {
        var arr = [];
        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
        arr.push("判断结果为：");
        arr.push(UE.getEditor('editor').hasContents());
        alert(arr.join("\n"));
    }
    function setFocus() {
        UE.getEditor('editor').focus();
    }
    function deleteEditor() {
        disableBtn();
        UE.getEditor('editor').destroy();
    }
    function disableBtn(str) {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            if (btn.id == str) {
                UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
            } else {
                btn.setAttribute("disabled", "true");
            }
        }
    }
    function enableBtn() {
        var div = document.getElementById('btns');
        var btns = UE.dom.domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            UE.dom.domUtils.removeAttributes(btn, ["disabled"]);
        }
    }

    function getLocalData () {
        alert(UE.getEditor('editor').execCommand( "getlocaldata" ));
    }

    function clearLocalData () {
        UE.getEditor('editor').execCommand( "clearlocaldata" );
        alert("已清空草稿箱")
    }
    var neiRong = UE.getEditor('myEditor').getContent();
    console.log(  neiRong );
</script>

</html>